Skip to content

feat(i18n): add Chinese/English internationalization support#43

Open
vanch007 wants to merge 1 commit intofspecii:mainfrom
vanch007:feat/i18n-support
Open

feat(i18n): add Chinese/English internationalization support#43
vanch007 wants to merge 1 commit intofspecii:mainfrom
vanch007:feat/i18n-support

Conversation

@vanch007
Copy link

@vanch007 vanch007 commented Feb 9, 2026

Summary

  • Add full i18n (internationalization) support with Chinese and English languages
  • Integrate i18next, react-i18next, and i18next-browser-languagedetector
  • Replace all hardcoded English strings across 15 components with t() translation calls
  • Add language switcher UI (English / 中文) in Settings modal
  • Add locale files: locales/en.json and locales/zh.json

Changes

  • New files: i18n.ts, locales/en.json, locales/zh.json
  • Modified: App.tsx, index.tsx, package.json, and 15 component files
  • Dependencies added: i18next, react-i18next, i18next-browser-languagedetector

Features

  • Auto-detects browser language preference
  • Persists language choice in localStorage
  • Covers all UI text: sidebar, player, create panel, library, search, playlists, song details, user profile, modals, video studio, and more

Test plan

  • Verify app loads with browser default language
  • Switch language in Settings → confirm all UI text updates
  • Refresh page → confirm language persists via localStorage
  • Test both English and Chinese translations for completeness

🤖 Generated with Claude Code

Add i18next with browser language detection, locale files (en/zh),
and replace all hardcoded strings across 15 components with t() calls.
Includes language switcher UI in Settings modal.

Co-Authored-By: Claude <noreply@anthropic.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant